<div class="user-head" id="user-head">
    <nz-upload
        nzAction='/resource'
        [nzWithCredentials]="true"
        [nzName]="'files'"
        id="quiz-question-upload-img"
        nzType="drag"
        [nzShowUploadList]="{ showPreviewIcon: true, showRemoveIcon: true }"
        nzListType="picture-card"
        nzAccept="image/jpeg,image/png"
        [(nzFileList)]="fileList"
        (nzChange)="handleChange($event)"
        [nzBeforeUpload]="beforeUpload"
        [nzShowButton]="fileList.length < 1">
        <div class="layer slide-show"></div>
        <span style="color:#fff;" class="edit-info">编辑</span>
    </nz-upload>
    <div class="img-content">
        <!--显示头像-->
        <img class="head-img" *ngIf="itemAvatarUrl == '' ? false:true" [src]="itemAvatarUrl">
        <!--默认头像-->
        <nz-avatar class="head-img" *ngIf="itemAvatarUrl == ''?true:false" nzSize="large"
                   nzIcon="anticon anticon-user"></nz-avatar>
    </div>
    <div class="heat-font">用户头像</div>
</div>
